@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2*1px;
    /*自动除2得结果*/
}
$orange: #ff9344;
body {
    position: relative;
}
* {
    list-style: none;
}
.indexW {
    header {
        width: 100%;
        position: fixed;
        overflow: hidden;
        top: 0;
        background: white;
        .logo {
            width: p(123);
            height: p(123);
            overflow: hidden;
            margin-left: p(23);
            margin-top: p(17);
            img {
                height: 100%;
            }
        }
        .slCity {
            width: p(157);
            height: p(54); //          border: p(3) solid $orange;
            position: relative;
            margin-top: p(47);
            margin-right: p(21);
            &::after {
                position: absolute;
                content: "";
                display: block;
                border-top: p(16) solid $orange;
                top: p(22);
                right: p(11);
                border-left: p(15) solid transparent;
                border-right: p(15) solid transparent;
                width: 0;
                height: 0;
            }
            select {
                border: p(3) solid $orange;
                width: 100%;
                height: 100%;
                padding-left: p(14);
                background: white; //                /隐藏select的默认样式/
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
            }
            //          清楚ie的默认选择框样式清除，隐藏下拉箭头
            select::-ms-expand {
                display: none;
            }
        }
        .search {
            width: p(262);
            height: p(49);
            line-height: p(49);
            padding-left: p(10);
            border-radius: p(23);
            border: p(3) solid $orange;
            margin: p(51) auto 0;
        }
        input[type="search"] {
            width: p(196); //              height: p(34);
            //              padding-left: p(17);
            border: none; //              margin-left: p(10);
            vertical-align: middle;
            font-size: p(24);
        }
        i {
            font-size: p(34); //          display: inline-block;
            //          line-height: p();
            color: $orange;
            vertical-align: middle;
        }
    }
    //主题内容
    section {
        margin-top: p(140);
        margin-bottom: p(136);
        .kv {
            width: 100%;
            height: p(287);
            overflow: hidden;
            position:relative;
            .lunbo img {
                width: 100%;
            }
            .lunbo li {
                position: relative;
            }
            .swiper-pagination{
                font-size: 0;
                width: 100%;
                background: rgba(0,0,0,0.51);
                height: p(10);
                bottom: p(122);
//              position: relative;
//              margin-top: p(-112);
                .swiper-pagination-bullet{
                    width: p(130);
                    height: p(10);
                    border-radius: 0;
                    background: rgba(0,0,0,0.51);
                    opacity: 1;
//                  position: absolute;
                }
                .swiper-pagination-bullet-active{
                    background: #c5c4c4;
                }
            }
        }
        .youhui {
            overflow: hidden;
            .xihuan {
                display: block;
                margin-bottom: p(34);
            }
            .p1 {
                display: inline-block;
                font-size: p(30);
                font-weight: bold;
                margin-top: p(33);
                img {
                    width: p(56);
                    height: p(54);
                    margin-left: p(21);
                    //                  margin-top: p(34);
                    display: inline-block;
                    vertical-align: middle;
                }
                span {
                    vertical-align: middle;
                }
            }
            .p2 {
                font-size: p(24);
                font-weight: bold;
                display: inline-block;
                float: right;
                margin-right: p(21);
                margin-top: p(52);
                img {
                    width: p(25);
                    height: p(26);
                }
            }
            .xiaotu {
                overflow: hidden;
                .maiba {
                    height: p(93);
                    width: p(241);
                    margin-left: p(50);
                    margin-top: p(29); //                      display:inline-block;
                    float: left;
                    img {
                        width: 100%;
                    }
                }
            }
            .shousi {
                width: 100%;
                display: inline-block;
                .sushi {
                    //                  margin-top: p(34);
                    float: left;
                    width: p(211);
                    height: p(164);
                    margin-left: p(21);
                    display: inline-block;
                    vertical-align: middle;
                    a{
                        width: 100%;
                        img {
                        width: 100%;
                    }
                    }
                    
                }
                .dis {
                    float: right;
                    line-height: p(44);
                    overflow: hidden;
                    width: 60.6%;
                    display: inline-block;
                    p {
                        overflow: hidden;
                        .span1 {
                            float: left;
                            font-size: p(30);
                            font-weight: bold;
                            text-align: center;
                        }
                        .span2 {
                            float: right;
                            font-size: p(17);
                            color: #494949;
                        }
                        .span3 {
                            font-size: p(17);
                            color: #494949;
                        }
                        .span4 {
                            font-size: p(25);
                            float: left;
                            color: #ff9344;
                        }
                        .span5 {
                            font-size: p(17);
                            color: #494949;
                            float: right;
                        }
                    }
                }
            }
        }
    }
    //底部导航
    footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: p(136);
        background: #FFFFFF;
        //          line-height: p(136);
        .nav {
            margin-top: p(12);
            text-align: center;
            width: 25%;
            dt {
                i {
                    font-size: p(72);
                    color: $orange;
                }
            }
            dd>a {
                font-size: p(26);
                color: black;
            }
        }
    }
}
